<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Observatório</title>
    </h:head>
    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_geral.css"/>
    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_inovacao.css"/>
    <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'/>
    <h:body>
        <h:form id="form_verbetes">
            <div id="wrap_site">
                <div id="topo">
                    <div id="menu">
                        <ul>
                            <li><a href="../index.html">INÍCIO</a></li>
                            <li><a href="../quem_somos/index.xhtml">QUEM SOMOS</a></li>
                            <li><a href="#">EIXOS DE OBSERVAÇÃO</a></li>
                            <li><a href="#">PROJETOS</a></li>
                            <li><a href="../noticias/index.html">NOTÍCIAS</a></li>
                            <li><a href="../contato.html">CONTATO</a></li>
                            <li><a href="../indexSistema.xhtml">ACESSO AO SISTEMA</a></li>	
                        </ul>
                    </div> <!--END MENU-->

                    <div id="redes_sociais"> 
                        <a href="#"><img src="../images/icone_tw.jpg" width="17" height="17" alt="Tweeter" /></a>
                        <a href="#"><img src="../images/icone_linkedin.jpg" width="17" height="17" alt="LinkedIn" /></a>
                        <a href="#"><img src="../images/icone_gplus.jpg" width="17" height="17" alt="Google Plus" /></a>
                        <a href="#"><img src="../images/icone_flickr.jpg" width="17" height="17" alt="Flickr" /></a>
                        <a href="#"><img src="../images/icone_fb.jpg" width="17" height="17" alt="Facebook" /></a>
                    </div> <!--END REDES SOCIAIS-->

                    <div class="clear_float">  </div>
                </div> <!--END TOPO-->

                <div id="conteudo"> 

                    <div id="sidebar_left"> 

                        <a href="../index.html"><img src="../images/id_observatorio.jpg" width="240" height="240" alt="Observatório" /></a>
                        <a href="../eixo_aprendizagem/index.html"><img src="../images/bt_aprendizagem.jpg" width="82" height="78" /></a>
                        <a href="../eixo_inovacao/index.xhtml"><img src="../images/bt_inovacao.jpg" width="81" height="78" /></a>
                        <a href="../eixo_avaliacao/index.xhtml"><img src="../images/bt_avaliacao.jpg" width="82" height="78" /></a>

                    </div>

                    <div id="sidebar_right">
                        <div id="titlo_eixo_inovacao">
                            <img src="../images/titulo_eixo_inovacao.jpg" width="148" height="67" alt="Eixo Inovação" class="float_left" />
                            <p class="float_left">O Eixo de Inovação acolhe projetos de pequisa que buscam mapear, compeender e/ou discutir a natureza e as fronteiras da Gestão Social como um novo campo de prátcas e 	conhecimentos em gestão.</p>
                            <div class="clear_float"></div>
                        </div>

                        <div id="dicionario_formacao">
                            <table border="0" cellpadding="0" cellspacing="0" class="tabelas_campos_inovacao">
                                <tr>
                                    <td><p><strong class="texto_vermelho">Verbete:</strong></p></td>
                                </tr>
                                <tr>
                                    <td><h:outputText value="#{verbeteBean.verbeteSelecionado.titulo}" /></td>
                                </tr>
                                <tr>
                                    <td><p class="texto_vermelho"><br />
                                            Nome(s) alternativo(s):</p></td>
                                </tr>
                                <tr>
                                    <td><h:outputText value="#{verbeteBean.verbeteSelecionado.titulosAlternativo1} , #{verbeteBean.verbeteSelecionado.titulosAlternativo2}, #{verbeteBean.verbeteSelecionado.titulosAlternativo3} "  /></td>
                                </tr>



                            </table>
                            <div class="clear_float"> </div> 
                        </div>   

                    </div>


                    <div class="clear_float"> </div> 

                    <div id="bg_cinza_geral">

                        <h:commandButton image="../images/seta_voltar.png" action="/eixo_inovacao/pesquisa_verbetes.xhtml?faces-redirect=true" value="Voltar" />
                        <h:panelGrid id="display" columns="1" cellpadding="2">
                            <h:outputText value="#{verbeteBean.verbeteSelecionado.titulo}" escape="false" />
                            <h:outputText value="#{verbeteBean.verbeteSelecionado.significadosToString}" escape="false" />

                        </h:panelGrid> 
                        <p:commandButton value="Imprimir" type="button" icon="ui-icon-print">  
                            <p:printer target="display" />  
                        </p:commandButton>  


                        <br />
                        <br />
                        <table width="100%" border="0">
                            <tr>

                                <td rowspan="2"><p class="texto_vermelho">Indicações de leitura:<br />
                                        <label>
                                            <h:outputText value="#{verbeteBean.verbeteSelecionado.sugestaoLeitura1.obraToStringReferencia} " escape="false"  />
                                            <h:outputText value="#{verbeteBean.pularLinha}" escape="false" />
                                            <h:outputText value="#{verbeteBean.verbeteSelecionado.sugestaoLeitura2.obraToStringReferencia}" escape="false" />
                                            <h:outputText value="#{verbeteBean.pularLinha}" escape="false" />
                                            <h:outputText value="#{verbeteBean.verbeteSelecionado.sugestaoLeitura3.obraToStringReferencia}" escape="false" />
                                        </label>
                                        <br />
                                    </p>


                                </td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                            </tr>
                        </table>
                    </div>




                </div> <!--END CONTEUDO-->

                <div id="footer">
                    <p class="texto_rodape">Observatório da Formação em Gestão Social (2013)</p>
                </div>
                <div id="wrap_marcas">
                    <img src="../images/id_rgs.jpg" width="72" height="51" alt="RGS" />
                    <img src="../images/id_ufba.jpg" width="32" height="67" alt="UFBA" />
                    <img src="../images/id_ufc.jpg" width="34" height="67" alt="UFC" />
                    <img src="../images/id_usp.jpg" width="34" height="67" alt="UFC" />  
                    <img src="../images/id_puc.jpg" width="37" height="67" alt="PUC" />
                    <img src="../images/id_udesc.jpg" width="47" height="67" alt="UDESC" />
                    <img src="../images/id_ufb.jpg" width="71" height="67" alt="UFB" />
                </div>




            </div> <!--END WRAP SITE-->

        </h:form>
    </h:body>
</html>

